@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
}
main{
	height: 5919px;
	width: 100%;
	background-color: #fefefe;
}
/*1.面包屑导航：切片 边框切大片，背景颜色打补丁*/
nav{
	width: 100%;
	height: 83px;
	bo rder: 1px solid red;
}
/*2.面包屑导航中控：居中*/
div#nav_wrapper{
	width: 1236px;
	height: 83px;
	background-color: #ffffff;
	margin: 0 auto;
}
div#nav_wrapper div.logo img{
	/* width: 1px; */
	/* height: 83px; */
	float: left;
	margin-top: 10px;
}
div#nav_wrapper div.nav_left ul li{
	width: 75px;
	height: 83px;
	background-color: #ffffff;
	float: left;
}
div#nav_wrapper div.nav_left ul li a{
	line-height: 83px;
	border-right: 1px solid #ffffff;
	padding: 0 7px;
}
div#nav_wrapper div.nav_right div.box{
	width: 294px;
	height: 48px;
	border: 1px solid #424242;
	float: right;
	margin-top: 25px;
}
div#nav_wrapper div.nav_right div.box div.right_box{
	width: 50px;
	height: 48px;
	border: 1px solid #424242;
	float: right;
}
div#nav_wrapper div.nav_right div.box div.right_box img{
	margin-left: 17px;
	margin-top: 16px;
}
div#nav_wrapper div.nav_right div.box div.first ul li{
	    float: right;
	    color: #757575;
	    margin-top: 14px;
	    margin-right: 10px;
	    background-color: #eee;
	    padding: 3px 5px;
	}
div#nav_wrapper div.nav_left ul li a:hover{
	color: #ffaa00;
}
div#nav_wrapper div.nav_right div.box div.first ul li a:hover{
	color: #757575;
}
div#nav_wrapper div.nav_left ul li a:hover,div#nav_wrapper div.nav_right div.box div.first ul li a:hover{
	color: #ffaa00;
}
section{
	width: 100%;
	height: 690px;
	bo rder: 1px solid red;
}
div#one{
	width: 1236px;
	height: 690px;
	background-color: #757575;
	margin: 0 auto;
}
section div#one #sidebar{
	width: 354px;
	height: 69px;
	bo rder: 1px solid black;
}
section div#one #sidebar li{
	width: 354px;
	height: 69px;
	bo rder: 1px solid #ffff00;
	line-height: 69px;
	text-align: center;
	position: relative;
}
section div#one #sidebar li:hover{
	background-color: #ff5500;
}
sec tion div#one #sidebar div.outer{
	width: 500px;
	height: 69px;
	bo rder: 1px solid aqua;
	position: absolute;
	left: 500px;
	z-index: 999;
	display: #55aa7f;
}
















section#tow{
	width: 100%;
	height: 187px;
	bor der: 1px solid red;
}
section div.event_wrapper{
	width: 1236px;
	height: 187px;
	background-color: #ffffff;
	margin: 0 auto;
}
div.event_wrapper ul li{
	float: left;
}
div.event_wrapper ul li img{
	width: 294px;
	height: 170px;
}
div.event_wrapper ul li{
	margin-top: 9px;
	margin-left: 20px;
}
div.event_wrapper ul li:first-child{
	margin-left: 0;
}
div.event_wrapper ul li img:hover{
	filter: drop-shadow(0 0 10px #333);
}
/*明星单品*/
section#three{
	width: 100%;
	height: 530px;
	bo rder: 1px solid red;
	background-color: #ffffff;
}
section#three div.a{
	width: 1236px;
	height: 145px;
	bord er: 1px solid black;
	margin: 0 auto;
	
}
section#three div.a span{
	width: 153px;
	height: 40px;
	font-size: 25px;
	bor der: 7px solid red;
	float: left;
	margin-top: 100px;
}
section#three div.a p{
	float: right;
	width: 50px;
	height: 30px;
	bo rder: 1px solid red;
	margin-top: 110px;
	text-align: center;
	line-height: 30px;
}
section#three div.container_star{
	width: 1236px;
	height: 570px;
	bor der: 1px solid black;
	margin: 0 auto;
}
/*智能插座*/
section#three div#b{
	width: 1240px;
	height: 400px;
	bor der: 1px solid red;
	margin: 0 auto;
}
section#three div#b dl.a{
	border-top: 1px solid #ffac13;
	width: 234px;
	height: 340px;
	bor der: 1px solid red;
	background-color: #fafafa;
	text-align: center;
	float: left;
	margin-left: 15px;
}
section#three div#b dl.a:first-child{
	margin-left: 0;
}
section#three div#b dl.a1 dt img{
	margin: 50px;
}
section#three div#b dl.a1 dd.product_content{
	bor der: 1px solid red;
	margin: 15px 0;
	color: #b0b0b6;
}
section#three div#b dl.a1 dd.product_price{
	color:#ff6709;
}
/*空气净化器*/
/* section#three div#b dl.a{
	border-top: 1px solid #ffac13;
	width: 234px;
	height: 340px;
	background-color: #fafafa;
	text-align: center;
} */
section#three div#b dl.a2 dt img{
	margin: 30px;
}
section#three div#b dl.a2 dd.c{
	bor der: 1px solid red;
	margin: 10px 0;
	color: #b0b0b6;
}
section#three div#b dl.a2 dd.d{
	color:#ff6709;
}
/*插板*/
/* se ction#three div#b{
	border-top: 1px solid #ffac13;
	width: 234px;
	height: 340px;
	background-color: #fafafa;
	text-align: center;
} */
section#three div#b dl.a3 dt img{
	margin: 50px;
}
section#three div#b dl.a3 dd.f{
	bor der: 1px solid red;
	margin: 15px 0;
	color: #b0b0b6;
}
section#three div#b dl.a3 dd.g{
	color:#ff6709;
}
/*耳机*/
/* section#three div.h{
	border-top: 1px solid #ffac13;
	width: 234px;
	height: 340px;
	background-color: #fafafa;
	text-align: center;
} */
section#three div#b dl.a4 dt img{
	margin: 50px;
}
section#three div#b dl.a4 dd.i{
	bor der: 1px solid red;
	margin: 15px 0;
	color: #b0b0b6;
}
section#three div#b dl.a4 dd.j{
	color:#ff6709;
}
/*路由器*/
/* section#three div.k{
	border-top: 1px solid #ffac13;
	width: 234px;
	height: 340px;
	background-color: #fafafa;
	text-align: center;
} */
section#three div#b dl.a5 dt img{
	margin: 50px;
}
section#three div#b dl.a5 dd.l{
	bor der: 1px solid red;
	margin: 15px 0;
	color: #b0b0b6;
}
section#three div#b dl.a5 dd.m{
	color:#ff6709;
}
div.body{
	width: 100%;
	height: 4618px;
	bo rder: 1px solid red;
	background-color: #f5f5f5;
}
/*第四层*/
div.body section#four{
	width: 1236px;
	height: 742px;
	bo rder: 1px solid red;
	margin: 0 auto;
	bac kground-color: #ffffff;
}

div.body section#four div.ab{
	height: 128px;
	bo rder: 1px solid black;
	background-color: #f5f5f5;
}
div.body div.ab span{
	width: 153px;
	height: 40px;
	font-size: 25px;
	bor der: 7px solid red;
	float: left;
	margin-top: 78px;
}
div.body div.ab p{
	float: right;
	width: 80px;
	height: 30px;
	bo rder: 1px solid red;
	margin-top: 78px;
	text-align: center;
	line-height: 30px;
}
div.body div.ab p.ef{
	font-size: 16px;
	color: black;
}
div.body section#four div.cd{
	width: 234px;
	height: 614px;
	bo rder: 1px solid red;
	background-image: url(../img/haraware_kid.png);
	text-align: center;
	float: left;
}
section#four div.cd dd{
	width: 234px;
	height: 40px;
	bo rder: 1px solid black;
	float: left;
}
section#four div.cd dd.pl{
	font-size: 24px;
}
section#four div.cd dd.gh{
	margin-top: 10px;
}
section#four div.cd dd.ij{
	margin-top: 70px;
	font-size: 30px;
	color: aqua;
}
div.body section#four div#kl{
	width: 990px;
	height: 614px;
	bor der: 1px solid red;
	float: right;
}
/*秤*/
div.body section#four div#kl dl{
	float: left;
	background-color: #fff;
}
div.body section#four div#kl dl.kpl{
	width: 234px;
	height: 301px;
	bo rder: 1px solid black;
	text-align: center;
}
div.body section#four div#kl dl dt{
	margin-top: 100px;
}
div.body section#four div#kl dl dd{
	margin-top: 20px;
}
div.body section#four div#kl dl dd.po{
	font-size: 12px;
}
/*路由器3*/
div.body section#four div#kl dl.lol{
	width: 234px;
	height: 301px;
	bo rder: 1px solid black;
	text-align: center;
	margin-left: 15px;
}
div.body section#four div#kl dl.lol dt{
	margin-top: 30px;
}
div.body section#four div#kl dl dd{
	margin-top: 15px;
}
div.body section#four div#kl dl dd.po{
	font-size: 12px;
}
/**/
div.body section#four div#kl dl.ooo{
	width: 234px;
	height: 301px;
	bo rder: 1px solid black;
	text-align: center;
	margin-left: 15px;
}
div.body section#four div#kl dl.ooo dt{
	margin-top: 30px;
}
div.body section#four div#kl dl dd{
	margin-top: 15px;
}
div.body section#four div#kl dl dd.po{
	font-size: 12px;
}
/**/
div.body section#four div#kl dl.eee{
	width: 234px;
	height: 301px;
	bo rder: 1px solid black;
	text-align: center;
	margin-left: 15px;
}
div.body section#four div#kl dl.eee dt{
	margin-top: 30px;
}
div.body section#four div#kl dl dd{
	margin-top: 15px;
}
div.body section#four div#kl dl dd.po{
	font-size: 12px;
}
/**/
div.body section#four div#kl dl.aaa{
	width: 234px;
	height: 301px;
	bo rder: 1px solid black;
	text-align: center;
	margin-top: 9px;
}
div.body section#four div#kl dl.aaa dt{
	margin-top: 30px;
}
div.body section#four div#kl dl dd{
	margin-top: 15px;
}
div.body section#four div#kl dl dd.po{
	font-size: 12px;
}
/**/
div.body section#four div#kl dl.bbb{
	width: 234px;
	height: 301px;
	bo rder: 1px solid black;
	text-align: center;
	margin-top: 9px;
	margin-left: 15px;
}
div.body section#four div#kl dl.bbb dt{
	margin-top: 30px;
}
div.body section#four div#kl dl dd{
	margin-top: 15px;
}
div.body section#four div#kl dl dd.po{
	font-size: 12px;
}
/**/
div.body section#four div#kl dl.ccc{
	width: 234px;
	height: 301px;
	bo rder: 1px solid black;
	text-align: center;
	margin-top: 9px;
	margin-left: 15px;
}
div.body section#four div#kl dl.ccc dt{
	margin-top: 30px;
}
div.body section#four div#kl dl dd{
	margin-top: 15px;
}
div.body section#four div#kl dl dd.po{
	font-size: 12px;
}
/**/
div.body section#four div#kl dl.ddd{
	width: 234px;
	height: 301px;
	bo rder: 1px solid black;
	text-align: center;
	margin-top: 9px;
	margin-left: 15px;
}
div.body section#four div#kl dl.ddd dt{
	margin-top: 30px;
}
div.body section#four div#kl dl dd{
	margin-top: 15px;
}
div.body section#four div#kl dl dd.po{
	font-size: 12px;
}
	
div.body section#four div#kl dl:hover{
	filter: drop-shadow(0 0 100px #afafaf);
	transform: scale(1.05);
}
/*第五层*/
div.body section#five{
	width: 1236px;
	height: 742px;
	bor der: 1px solid red;
	margin: 0 auto;
	bac kground-color: #ffffff;
}
div.body section#five div.aaaaa{
	height: 128px;
	bor der: 1px solid black;
	background-color: #f5f5f5;
}
div.body div.aaaaa span{
	width: 153px;
	height: 40px;
	font-size: 25px;
	bor der: 7px solid red;
	float: left;
	margin-top: 78px;
	}
div.body div.aaaaa p a{
		float: right;
		width: 100px;
		height: 30px;
		bor der: 1px solid red;
		margin-top: 78px;
		margin-right: 15px;
		text-align: center;
		line-height: 30px;
		font-size: 20px;
		}
div.body div.aaaaa p a:hover{
	color:#ffaa00;
}
div.body section#five div.ppppp dl.eee{
	width: 234px;
	height: 614px;
	bo rder: 1px solid red;
}
div.body section#five div.ppppp dl.eee dt.aaaaaaa{
	margin-top: 9px;
}
/**/
div.body section#five div.ppppp dl{
	float: left;
	background-color: #ffffff;
}
/**/
div.body section#five div.ppppp dl.fffff{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 8px;
}
div.body section#five div.ppppp dl.fffff dt{
	margin-top: 30px;
}
div.body section#five div.ppppp dl dd{
	margin-top: 15px;
}
div.body section#five div.ppppp dl dd.po{
	font-size: 12px;
}
/**/
div.body section#five div.ppppp dl.ggggg{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
}
div.body section#five div.ppppp dl.ggggg dt{
	margin-top: 30px;
}
div.body section#five div.ppppp dl dd{
	margin-top: 15px;
}
div.body section#five div.ppppp dl dd.po{
	font-size: 12px;
}
/**/
div.body section#five div.ppppp dl.hhhhh{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
}
div.body section#five div.ppppp dl.hhhhh dt{
	margin-top: 30px;
}
div.body section#five div.ppppp dl dd{
	margin-top: 15px;
}
div.body section#five div.ppppp dl dd.po{
	font-size: 12px;
}
/**/
div.body section#five div.ppppp dl.jjjjj{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
}
div.body section#five div.ppppp dl.jjjjj dt{
	margin-top: 30px;
}
div.body section#five div.ppppp dl dd{
	margin-top: 15px;
}
div.body section#five div.ppppp dl dd.po{
	font-size: 12px;
}
/**/
div.body section#five div.ppppp dl.kkkkk{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 8px;
	margin-top: 10px;
}
div.body section#five div.ppppp dl.kkkkk dt{
	margin-top: 30px;
}
div.body section#five div.ppppp dl dd{
	margin-top: 15px;
}
div.body section#five div.ppppp dl dd.po{
	font-size: 12px;
}
/**/
div.body section#five div.ppppp dl.lllll{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
	margin-top: 10px;
}
div.body section#five div.ppppp dl.lllll dt{
	margin-top: 30px;
}
div.body section#five div.ppppp dl dd{
	margin-top: 15px;
}
div.body section#five div.ppppp dl dd.po{
	font-size: 12px;
}
/**/
div.body section#five div.ppppp dl.yyyyy{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
	margin-top: 10px;
}
div.body section#five div.ppppp dl.yyyyy dt{
	margin-top: 30px;
}
div.body section#five div.ppppp dl dd{
	margin-top: 15px;
}
div.body section#five div.ppppp dl dd.po{
	font-size: 12px;
}
/**/
div.body section#five div.ppppp dl.eeeeeee{
	width: 234px;
	height: 301px;
	bor der: 1px solid red;
	margin-top: 10px;
	margin-left: 15px;
}
div.body section#five div.ppppp dl.eeeeeee dt.aaaaaaaa{
	margin-top: 10px;
}
div.body section#five div.ppppp dl:hover{
	filter: drop-shadow(0 0 100px #afafaf);
	transform: scale(1.05);
}
/*第六层*/
div.body section#six{
	width: 1236px;
	height: 742px;
	bo rder: 1px solid red;
	margin: 0 auto;
	bac kground-color: #ffffff;
}
div.body section#six div.wwwww{
	height: 128px;
	bo rder: 1px solid black;
	background-color: #f5f5f5;
}
div.body div.wwwww span{
	width: 153px;
	height: 40px;
	font-size: 25px;
	bor der: 7px solid red;
	float: left;
	margin-top: 78px;
	}
div.body div.wwwww p a{
	float: right;
	width: 100px;
	height: 30px;
	bo rder: 1px solid red;
	margin-top: 78px;
	margin-right: 15px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	}
div.body div.wwwww p a:hover{
	color:#ffaa00;
	}
div.body section#six div.sssss dl.zzzzz{
	width: 234px;
	height: 614px;
	bo rder: 1px solid red;
	}
div.body section#six div.sssss dl.zzzzz dt.xxxxx{
	margin-top: 9px;
}
/**/
div.body section#six div.sssss dl{
	float: left;
	background-color: #ffffff;
}
/**/
div.body section#six div.sssss dl.vvvvv{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 8px;
}
div.body section#six div.sssss dl.vvvvv dt{
	margin-top: 30px;
}
div.body section#six div.sssss dl dd{
	margin-top: 15px;
}
div.body section#six div.sssss dl dd.po{
	font-size: 12px;
}
/**/
div.body section#six div.sssss dl.nnnnn{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
}
div.body section#six div.sssss dl.nnnnn dt{
	margin-top: 30px;
}
div.body section#six div.sssss dl dd{
	margin-top: 15px;
}
div.body section#six div.sssss dl dd.po{
	font-size: 12px;
}
/**/
div.body section#six div.sssss dl.ttttt{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
}
div.body section#six div.sssss dl.ttttt dt{
	margin-top: 30px;
}
div.body section#six div.sssss dl dd{
	margin-top: 15px;
}
div.body section#six div.sssss dl dd.po{
	font-size: 12px;
}
/**/
div.body section#six div.sssss dl.ssssss{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
}
div.body section#six div.sssss dl.ssssss dt{
	margin-top: 30px;
}
div.body section#six div.sssss dl dd{
	margin-top: 15px;
}
div.body section#six div.sssss dl dd.po{
	font-size: 12px;
}
/**/
div.body section#six div.sssss dl.qqqqq{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 8px;
	margin-top: 10px;
}
div.body section#six div.sssss dl.qqqqq dt{
	margin-top: 30px;
}
div.body section#six div.sssss dl dd{
	margin-top: 15px;
}
div.body section#six div.sssss dl dd.po{
	font-size: 12px;
}
/**/
div.body section#six div.sssss dl.ccccc{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
	margin-top: 10px;
}
div.body section#six div.sssss dl.ccccc dt{
	margin-top: 30px;
}
div.body section#six div.sssss dl dd{
	margin-top: 15px;
}
div.body section#six div.sssss dl dd.po{
	font-size: 12px;
}
/**/
div.body section#six div.sssss dl.cio{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
	margin-top: 10px;
}
div.body section#six div.sssss dl.cio dt{
	margin-top: 30px;
}
div.body section#six div.sssss dl dd{
	margin-top: 15px;
}
div.body section#six div.sssss dl dd.po{
	font-size: 12px;
}
/**/
div.body section#six div.sssss dl.aio{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	margin-top: 10px;
	margin-left: 15px;
}
div.body section#six div.sssss dl.aio dt.bio{
	margin-top: 10px;
}
div.body section#six div.sssss dl:hover{
	filter: drop-shadow(0 0 100px #afafaf);
	transform: scale(1.05);
}
/*第七层*/
div.body section#seven{
	width: 1236px;
	height: 742px;
	bo rder: 1px solid red;
	margin: 0 auto;
	ba ckground-color: #ffffff;
}
div.body section#seven div.dio{
	height: 128px;
	bo rder: 1px solid black;
	background-color: #f5f5f5;
}
div.body div.dio span{
	
	height: 30px;
	font-size: 25px;
	bo rder: 1px solid red;
	float: left;
	margin-top: 71px;
	margin-left: 9px;
	}
div.body div.dio p a{
	float: right;
	width: 100px;
	height: 30px;
	bo rder: 1px solid red;
	margin-top: 78px;
	margin-right: 15px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	}
div.body div.dio p a:hover{
	color:#ffaa00;
	}
div.body section#seven div.eio dl.fio{
	width: 234px;
	height: 614px;
	bo rder: 1px solid red;
	}
div.body section#seven div.eio dl.fio dt.gio{
	margin-top: 9px;
}
/**/
div.body section#seven div.eio dl{
	float: left;
	background-color: #ffffff;
}
/**/
div.body section#seven div.eio dl.hio{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 8px;
}
div.body section#seven div.eio dl.hio dt{
	margin-top: 30px;
}
div.body section#seven div.eio dl dd{
	margin-top: 15px;
}
div.body section#seven div.eio dl dd.po{
	font-size: 12px;
}
/**/
div.body section#seven div.eio dl.iio{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
}
div.body section#seven div.eio dl.iio dt{
	margin-top: 30px;
}
div.body section#seven div.eio dl dd{
	margin-top: 15px;
}
div.body section#seven div.eio dl dd.po{
	font-size: 12px;
}
/**/
div.body section#seven div.eio dl.jio{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
}
div.body section#seven div.eio dl.jio dt{
	margin-top: 30px;
}
div.body section#seven div.eio dl dd{
	margin-top: 15px;
}
div.body section#seven div.eio dl dd.po{
	font-size: 12px;
}
/**/
div.body section#seven div.eio dl.kio{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
}
div.body section#seven div.eio dl.kio dt{
	margin-top: 30px;
}
div.body section#seven div.eio dl dd{
	margin-top: 15px;
}
div.body section#seven div.eio dl dd.po{
	font-size: 12px;
}
/**/
div.body section#seven div.eio dl.lio{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 8px;
	margin-top: 10px;
}
div.body section#seven div.eio dl.lio dt{
	margin-top: 30px;
}
div.body section#seven div.eio dl dd{
	margin-top: 15px;
}
div.body section#seven div.eio dl dd.po{
	font-size: 12px;
}
/**/
div.body section#seven div.eio dl.mio{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
	margin-top: 10px;
}
div.body section#seven div.eio dl.mio dt{
	margin-top: 30px;
}
div.body section#seven div.eio dl dd{
	margin-top: 15px;
}
div.body section#seven div.eio dl dd.po{
	font-size: 12px;
}
/**/
div.body section#seven div.eio dl.nio{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	text-align: center;
	margin-left: 15px;
	margin-top: 10px;
}
div.body section#seven div.eio dl.nio dt{
	margin-top: 30px;
}
div.body section#seven div.eio dl dd{
	margin-top: 15px;
}
div.body section#seven div.eio dl dd.po{
	font-size: 12px;
}
/**/
div.body section#seven div.eio dl.oio{
	width: 234px;
	height: 301px;
	bo rder: 1px solid red;
	margin-top: 10px;
	margin-left: 15px;
}
div.body section#seven div.eio dl.oio dt.pio{
	margin-top: 10px;
}
div.body section#seven div.eio dl:hover{
	filter: drop-shadow(0 0 100px #afafaf);
	transform: scale(1.05);
}
/*热门产品*/
/* 上面的字 */
section.main_hot{
	width: 1236px;
	height: 504px;
	bo rder: 1px solid red;
	margin: 0 auto;
}
section.main_hot div.hot_zi{
	width: 1236px;
	height: 82px;
	backgr ound: #a2b448;
	margin: 0 auto;
	float: left;
}
section.main_hot div.hot_zi h1{
	font-size: 24px;
	color: #000;
	margin-left: 5px;
	margin-top: 38px;
}

/* 下面的图 */
section.main_hot div.hot_tu{
	width: 1236px;
	height: 416px;
	backgr ound: #a01db1;
	margin: 0 auto;
}

section.main_hot div.hot_tu div.hot_tu1{
	width: 296px;
	height: 416px;
	background-color:white;
	float: left;
}
section.main_hot div.hot_tu div.hot_tu1:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 5px rgb(166, 166, 166);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
section.main_hot div.hot_tu div.hot_tu2{
	width: 296px;
	height: 416px;
	background-color:white;
	float: left;
	margin: 0 14px;
}
section.main_hot div.hot_tu div.hot_tu2:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 5px rgb(166, 166, 166);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
section.main_hot div.hot_tu div.hot_tu3{
	width: 296px;
	height: 416px;
	background-color:white;
	float: left;
}
section.main_hot div.hot_tu div.hot_tu3:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 5px rgb(166, 166, 166);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
section.main_hot div.hot_tu div.hot_tu4{
	width: 296px;
	height: 416px;
	background-color:white;
	float: right;
}
section.main_hot div.hot_tu div.hot_tu4:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 5px rgb(166, 166, 166);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
/* 图片大小 */
section.main_hot div.hot_tu div.hot_tu1 img{
	width: 296px;
	height: 197px;
}
section.main_hot div.hot_tu div.hot_tu2 img{
	width: 296px;
	height: 197px;
}
section.main_hot div.hot_tu div.hot_tu3 img{
	width: 296px;
	height: 197px;
}
section.main_hot div.hot_tu div.hot_tu4 img{
	width: 296px;
	height: 197px;
}
section.main_hot div.hot_tu dl dd.hot_jian{
	width: 240px;
	margin: 0 auto;
	position: relative;
	top: 10px;
}
/* 评价 */
section.main_hot div.hot_tu dl dd.hot_pingjia{
	font-size: 12px;
	position: relative;
	top: 60px;
	right: -12px;
}
section.main_hot div.hot_tu div.hot_tu1 dl dd.hot_pingjia{
	font-size: 12px;
	position: relative;
	top: 42px;
	right: -12px;
}
section.main_hot div.hot_tu1 dl dd.hot_ming{
	font-size: 14px;
	position: relative;
	top: 60px;
	right: -10px;
	color: #000;
	width: 90px;
	border-right: 1px solid #8f8f8f;
}
section.main_hot div.hot_tu2 dl dd.hot_ming{
	font-size: 14px;
	position: relative;
	top: 80px;
	right: -10px;
	color: #000;
	width: 140px;
	border-right: 1px solid #8f8f8f;
}
section.main_hot div.hot_tu3 dl dd.hot_ming{
	font-size: 14px;
	position: relative;
	top: 80px;
	right: -10px;
	color: #000;
	width: 80px;
	border-right: 1px solid #8f8f8f;
}
section.main_hot div.hot_tu4 dl dd.hot_ming{
	font-size: 14px;
	position: relative;
	top: 80px;
	right: -10px;
	color: #000;
	width: 155px;
	border-right: 1px solid #8f8f8f;
}
section.main_hot div.hot_tu1 dl dd.hot_price{
	color: #e37f0d;
	position: relative;
	top: 40px;
	right: -115px;
}
section.main_hot div.hot_tu2 dl dd.hot_price{
	color: #e37f0d;
	position: relative;
	top: 60px;
	right: -163px;
}
section.main_hot div.hot_tu3 dl dd.hot_price{
	color: #e37f0d;
	position: relative;
	top: 60px;
	right: -102px;
}
section.main_hot div.hot_tu4 dl dd.hot_price{
	color: #e37f0d;
	position: relative;
	top: 60px;
	right: -177px;
}
/*-----------------------------------------------------------------------------------*/
/* 上面的字 */
div.body section.main_nei{
	width: 1236px;
	height: 504px;
	margin: 0 auto;
	bor der: 1px solid red;
}
section.main_nei div.nei_zi{
	width: 1236px;
	height: 82px;
	backgr ound: #5555ff;
	margin: 0 auto;
}
section.main_nei div.nei_zi h1{
	font-size: 24px;
	color: #000;
	position: relative;
	top: 38px;
}

/* 下面的图 */
section.main_nei div.nei_tu{
	width: 1236px;
	height: 416px;
	backgr ound: #a01db1;
	margin: 0 auto;
}

section.main_nei div.nei_tu div.nei_tu1{
	width: 296px;
	height: 416px;
	background-color:white;
	float: left;
    border-top: 2px solid #dfd926;
}
section.main_nei div.nei_tu div.nei_tu1:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 5px rgb(166, 166, 166);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
section.main_nei div.nei_tu div.nei_tu2{
	width: 296px;
	height: 416px;
	background-color:white;
	float: left;
	margin: 0 14px;
	border-top: 2px solid #48df1a;
}
section.main_nei div.nei_tu div.nei_tu2:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 5px rgb(166, 166, 166);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
section.main_nei div.nei_tu div.nei_tu3{
	width: 296px;
	height: 416px;
	background-color:white;
	float: left;
	border-top: 2px solid #dd5b28;
}
section.main_nei div.nei_tu div.nei_tu3:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 5px rgb(166, 166, 166);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
section.main_nei div.nei_tu div.nei_tu4{
	width: 296px;
	height: 416px;
	background-color:white;
	float: right;
	border-top: 2px solid #45bedf;
}
section.main_nei div.nei_tu div.nei_tu4:hover{
	margin-top: 0px;
	box-shadow: 0 0 10px 5px rgb(166, 166, 166);
	transform: translateY(-2px); /* 向上浮动10px */
	transition: transform 1s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}
/* 图片大小 */
section.main_nei div.nei_tu div.nei_tu1 img{
	width: 88px;
	height: 118px;
	margin: 120px 90px;
}
section.main_nei div.nei_tu div.nei_tu2 img{
	width: 130px;
	height: 155px;
	margin: 90px 65px;
}
section.main_nei div.nei_tu div.nei_tu3 img{
	width: 100px;
	height: 100px;
	margin: 140px 90px;
}
section.main_nei div.nei_tu div.nei_tu4 img{
	width: 100px;
	height: 100px;
	margin: 140px 90px;
}
section.main_nei div.nei_tu1 dl dd.nei_yi{
	text-align: center;
	position: relative;
	top: 45px;
	color: #dfd926;
}
section.main_nei div.nei_tu2 dl dd.nei_yi{
	position: relative;
	top: 45px;
	text-align: center;
	color: #48df1a;
}
section.main_nei div.nei_tu3 dl dd.nei_yi{
	position: relative;
	top: 45px;
	text-align: center;
	color: #dd5b28;
}
section.main_nei div.nei_tu4 dl dd.nei_yi{
	position: relative;
	top: 45px;
	text-align: center;
	color: #45bedf;
}
/* dierhang */
section.main_nei div.nei_tu dl dd.nei_er{
	color: #000;
	font-size: 18px;
	position: relative;
	top: 60px;
	text-align: center;
}
section.main_nei div.nei_tu1 dl dd.nei_san{
	font-size: 12px;
	color: #a0a0a0;
	text-align: center;
	width: 180px;
	position: relative;
	left: 45px;
	top: 70px;
}
section.main_nei div.nei_tu2 dl dd.nei_san{
	font-size: 12px;
	color: #a0a0a0;
	text-align: center;
	width: 180px;
	position: relative;
	left: 45px;
	top: 70px;
}
section.main_nei div.nei_tu3 dl dd.nei_san{
	font-size: 12px;
	color: #a0a0a0;
	text-align: center;
	width: 180px;
	position: relative;
	left: 45px;
	top: 70px;
}
section.main_nei div.nei_tu4 dl dd.nei_san{
	font-size: 12px;
	color: #a0a0a0;
	text-align: center;
	width: 180px;
	position: relative;
	left: 45px;
	top: 70px;
}
section.main_nei div.nei_tu1 dl dd.nei_si{
	color: #000;
	font-size:14px;
	position: relative;
	top: 80px;
	text-align:center;
}
section.main_nei div.nei_tu2 dl dd.nei_si{
	color: #000;
	font-size:14px;
	position: relative;
	top: 80px;
	text-align:center;
}
section.main_nei div.nei_tu3 dl dd.nei_si{
	color: #000;
	font-size:14px;
	position: relative;
	top: 100px;
	text-align:center;
}
section.main_nei div.nei_tu4 dl dd.nei_si{
	color: #000;
	font-size:14px;
	position: relative;
	top: 100px;
	text-align:center;
}
section#main_vido{
	width: 1236px;
	height: 504px;
	bo rder: 1px solid red;
	margin: 0 auto;
}
section#main_vido div.vido_zie{
	width: 1236px;
	height: 82px;
	bo rder: 1px solid red;
	margin: 0 auto;
}
section#main_vido div.vido_zie span{
	width: 54px;
	height: 36px;
	bo rder: 1px solid red;
	font-size: 25px;
	float: left;
	margin-top: 30px;
}
section#main_vido div.vido_zie p{
	width: 70px;
	height: 36px;
	border: 1px solid red;
	font-size: 16px;
	float: right;
	margin-top: 30px;
}
/**/
div.body section#main_vido div.vido_to dl{
	float: left;
}
section#main_vido div.vido_to{
	width: 1236px;
	height: 300px;
	bo rder: 1px solid black;
}
/*-----------------------------------------*/
section#main_vido dl.vido_to1{
	width: 296px;
	height: 282px;
	bo rder: 1px solid red;
	text-align: center;
	background-color: #ffffff;
}
section#main_vido dl.vido_to1 dd{
	margin-top: 10px;
}
/*-----------------------*/
section#main_vido dl.vido_to2{
	width: 296px;
	height: 282px;
	bo rder: 1px solid red;
	text-align: center;
	background-color: #ffffff;
}
section#main_vido dl.vido_to2{
	margin-left: 15px;
}
section#main_vido dl.vido_to2 dd{
	margin-top: 10px;
}
/*----------------------------*/
section#main_vido dl.vido_to3{
	width: 296px;
	height: 282px;
	bo rder: 1px solid red;
	text-align: center;
	background-color: #ffffff;
}
section#main_vido dl.vido_to3{
	margin-left: 15px;
}
section#main_vido dl.vido_to3 dd{
	margin-top: 10px;
}
/*-------------------------------*/
section#main_vido dl.vido_to4{
	width: 296px;
	height: 282px;
	bo rder: 1px solid red;
	text-align: center;
	background-color: #ffffff;
}
section#main_vido dl.vido_to4{
	margin-left: 15px;
}
section#main_vido dl.vido_to4 dd{
	margin-top: 10px;
}
/*-----------------------------*/
div.body section#main_vido div.vido_to dl:hover{
	filter: drop-shadow(0 0 100px #afafaf);
	transform: scale(1.05);
}